/**
  * 浅色主题颜色变量集
  * 所有基础分类变量根据 Design Token 规范定义，已包含所有移动云规范颜色，请勿私自修改
  * 组件开发者可以引用基础分类 token，定义组件场景的 token 变量，方便后期维护，统一管理
  * 命名规则： color-[场景]-[属性]-[等级]-[状态]
  * 各组件内颜色样式请严格使用以下变量，不要直接使用颜色值
*/

// ------------- 基础分类 token 变量 start  ------------------------/

// 基础品牌色
@color-brand-primary: #1A6AFF;  // 品牌色1|常规
@color-brand-press: #1458D7;  // 品牌色2|点击
@color-brand-hover: #4787FF;  // 品牌色3|悬浮

@color-brand-press-sec: #C9DAFF; // 品牌色二级点击
@color-brand-hover-sec: #F5F8FF; // 品牌色二级悬停


// 功能色
@color-functional-normal: @color-brand-primary;  // 正常
@color-functional-success: #0BB231;  // 成功
@color-functional-fail: #E63A2E;  // 失败
@color-functional-warning: #F5750C;  // 警告
@color-functional-processing: @color-brand-primary;  // 进行中
@color-functional-pause: #9D9EA9;  // 未进行/暂停
@color-functional-white: #FFFFFF;  // 白色
@color-functional-danger-hover: #F15B50;  // 危险hover
@color-functional-danger-press: #E1362A;  // 危险press


// 辅助色
@color-complementary-1: #1F1F21;  // 辅助色1
@color-complementary-2: #E1E5EE;  // 辅助色2
@color-complementary-3: #0F0F10;  // 辅助色3
@color-complementary-4: #1F1F21;  // 辅助色4
@color-complementary-5: #3E3F43;  // 辅助色5
@color-complementary-6: #A3C3FF;  // 辅助色6
@color-complementary-7: #9D9EA9;  // 辅助色7
@color-complementary-8: #F5F5F6;  // 辅助色8
@color-complementary-9: #F9FAFC;  // 辅助色9
@color-complementary-10: @color-functional-white;  // 辅助色10，为了同步深色主题新增的变量
@color-complementary-11: @color-complementary-1;  // 辅助色11，为了同步深色主题新增的变量
@color-complementary-12: @color-brand-primary;   //辅助色，用于checkbox 
@color-complementary-13: #f7f7f7; //辅助色，collapse
@color-complementary-14: @color-functional-processing; //辅助色，tag bg
@color-complementary-15: @color-functional-white;; //辅助色，tag drak模式 font color
@color-complementary-16: @color-functional-success;////辅助色，tag drak模式 success bg
@color-complementary-17: @color-functional-white;//辅助色，tag drak模式 success font color
@color-complementary-18: @color-functional-fail; //辅助色，tag drak模式 error bg
@color-complementary-19: @color-functional-white;//辅助色，tag drak模式 error font color
@color-complementary-20: @color-functional-warning; //辅助色，tag drak模式 warning bg
@color-complementary-21: @color-functional-white;//辅助色，tag drak模式 warning font color
@color-complementary-22: #CCC;//辅助色，分页器，省略号color
@color-complementary-23: @color-functional-white;
@color-complementary-24: @color-complementary-3;
@color-complementary-25: @title-color;


// 背景色
@color-bg-page: #EFF1F7;  // 页面背景色
@color-bg-table-head: #EFF1F7; // 表头背景色
@color-bg-table: @color-functional-white; //table背景
@color-bg-table-stripe-bg:@table-td-stripe-bg; //table stripe背景
@color-bg-card: @color-functional-white; // 卡片背景色
@color-bg-modal: @color-functional-white; // 弹窗背景色
@color-bg-nav: #0F0F10; // 顶部导航背景色
// @color-bg-embed: #F9FAFC; // old 浮窗背景色
@color-bg-embed: #202632; // new 浮窗背景色

@color-bg-hover: #F5F8FF; // hover背景色
@color-bg-select: #E8F0FF; // 选择背景色
@color-bg-select-tag: #DCE8FF; // 选择框多选tag的背景色
@color-bg-nomal: #DCE8FF; // 进行中背景色
@color-bg-warning: #FEF9ED; // 告警背景色
@color-bg-success: #EDF8E8; // 成功背景色
@color-bg-fail: #FFF2F1; // 失败背景色
@color-bg-pause: #E9EDF2; // 未进行/暂停背景色
@color-bg-disable: @color-complementary-8; // 禁用背景色
@color-bg-info:#E8F0FF;

@color-bg-popconfirm: @color-complementary-10; //popconfirm bg
@color-bg-drawer: @color-complementary-10; //drawer bg
@color-bg-tree-hover: tint(@primary-color, 80%); //tree item hover bg
@color-bg-radio-checked: @color-brand-primary;//radio 选中背景
@color-bg-menu: @color-functional-white; //menu bg
@color-bg-layout: @layout-body-background;// layout bg
@color-bg-layout-content: @color-complementary-10;
@color-bg-radio-selected: @color-functional-white;

// 基础颜色扩展（hover/禁用/点击等状态）
@color-brand-disabled1: @color-complementary-6; // 禁用状态1
@color-brand-disabled2: @color-complementary-7; // 禁用状态2
@color-brand-active: @color-brand-press; // 点击状态
@color-bg-notice: @color-functional-white;
@color-bg-page-disable: @color-functional-white;

// 告警色
@color-fault-level1: @color-functional-fail; // 一级告警
@color-fault-level2: #FF931D;  // 二级告警
@color-fault-level3: #FFBB03;  // 三级告警
@color-fault-level4: #FFD667;  // 四级告警
@color-fault-level5: #F7f883;  // 备用告警1
@color-fault-level6: #9ED5FE;  // 备用告警2
@color-fault-level1: #82A5F7;  // 备用告警3

// 特殊色
@color-special1: rgba(31, 31, 33, 0.4);  // 特殊色1

// 遮罩
@color-mask: @color-special1;  // 弹窗遮罩

// 文本颜色
@color-text-level1: @color-complementary-1;  // 一级文本（标题、列表表头文字）
@color-text-level2: @color-complementary-3;  // 二级文本（默认文字、正文文字、面包屑当前页）
@color-text-level3: @color-complementary-4;  // 三级文本（二级按钮文字、列表参数展示文字颜色、表单编辑态label）
@color-text-level4: @color-complementary-5;  // 四级文本（展示参数文字等第二正文文字颜色、表单查看态label）
@color-text-placeholder: #9D9EA9;  // 占位符/说明
@color-text-disabled: @color-complementary-7;  // 禁用
@color-text-anti: @color-functional-white; // 反色
@color-text-link: @color-brand-primary; // 链接

@color-text-notice: @color-complementary-25;//notice text color
@color-text-popconfirm: @popconfirm-inner-color; //popconfirm text color
@color-text-menu: @color-brand-primary; //menu text color
@color-text-drawer: @title-color; //drawer text color

// 分割线
@color-divider-level1: @color-complementary-7; // 一级（tab、标题下方的分割线）
@color-divider-level2: @color-complementary-2; // 二级（分割线的颜色、表格分割线、图表轴线）
@color-divider-special: @color-brand-primary;  // 特殊

// 边框
@color-border-normal1: #E1E5EE;  // 正常1（所有border默认状态颜色）
@color-border-normal2: @color-brand-primary; // 正常2
@color-border-success: @color-functional-success;  // 成功
@color-border-fail: @color-functional-fail; // 失败
@color-border-disable: #D7D8DC;  // 未进行
@color-border-warning: @color-functional-warning; // 警告

// 投影
@color-shadow1: rgba(225, 231, 242, 0.9); // 投影1：弹窗
@color-shadow2: rgba(186, 191, 209, 1); // 投影2：表格固定列
@color-shadow3: rgba(153, 153, 153, 0.3); // 投影3：下拉选项
@color-shadow-notice: 0 0 10px 0 @color-shadow3;

// 滚动条
@color-scrollbar: #CDD3E3;  // 滚动条颜色
@color-scrollbar-track: #EFF1F7;  // 滚动条轨道颜色

// 图标
@color-icon-normal1: @color-brand-primary; // 正常1
@color-icon-normal2: #434F67;  // 正常2
@color-icon-success: #3BC15A;  // 成功
@color-icon-fail: #EB6157; // 失败
@color-icon-disable: #9D9EA9;  // 禁用
@color-icon-warning: @color-functional-warning; // 警告
@color-icon-anti: @color-functional-white;  // 反色

// alert border颜色
@color-border-info:#79A9FF;
@color-border-warning:#FDDBB9;
@color-border-error:#FFA29F;
@color-border-success:#B9E3C2;

// ------------- 基础分类 token 变量 end  --------------------------/
